import React from 'react';
import TodoItem from './TodoItem';

function TodoList({ todos, navigationContext }) {
  if (todos.length === 0) {
    return <p>暂无待办事项</p>;
  }
  
  return (
    <ul className="demo3-todo-list">
      {todos.map(todo => (
        <TodoItem 
          key={todo.id} 
          todo={todo} 
          navigationContext={navigationContext} 
        />
      ))}
    </ul>
  );
}

export default TodoList; 